
<%@ page contentType="text/html;charset=UTF-8" language="java" %><!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>海尔（Haier）LJC100K</title>
		<!-- 加载BootStrap样式文件-->
			<link type="text/css" rel="stylesheet" href="./css/bootstrap.min.css" />
			<link type="text/css" rel="stylesheet" href="./css/jquery.fullPage.css" />
			<!-- 加载jQuery类库-->
			<script type="text/javascript" src="./js/jquery.min.js"></script>
			<!-- 加载BootStrap脚本-->
			<script type="text/javascript" src="js/bootstrap.js"></script>
			<script type="text/javascript" src="./js/jquery.fullPage.min.js"></script>
			<style type="text/css">
				.LJC100K_1{
					background: url(./img/haier_LJC100K_1.jpg) center 0 no-repeat;
					width: 90%;
					height: 100%;
					float: top;
					margin-left: 20px;
					box-shadow: 0px 1px 10px ;
					transition: all 1s linear;
					position: relative;
				}
				.LJC100K_1 :hover{
					box-shadow: 0px 5px 35px ;
				}
				.LJC100K_2 :hover{
					box-shadow: 0px 5px 35px ;
				}
				.LJC100K_3 :hover{
					box-shadow: 0px 5px 35px ;
				}
				.LJC100K_4 :hover{
					box-shadow: 0px 5px 35px ;
				}
				.LJC100K_5 :hover{
					box-shadow: 0px 5px 35px ;
				}
				.LJC100K_2{
					background: url(./img/haier_LJC100K_2.jpg) center 0 no-repeat;
					width: 90%;
					height: 100%;
					float: top;
					margin-left: 20px;
					box-shadow: 0px 1px 10px ;
					transition: all 2s linear;
					position: relative;
				}
				.LJC100K_3{
					background: url(./img/haier_LJC100K_3.jpg) center 0 no-repeat;
					width: 90%;
					float: top;
					margin-left: 20px;
					box-shadow: 0px 1px 10px ;
					transition: all 3s linear;
					position: relative;
				}
				.LJC100K_4{
					background: url(./img/haier_LJC100K_4.jpg) center 0 no-repeat;
					width: 90%;
					height: 100%;
					float: top;
					margin-left: 20px;
					box-shadow: 0px 1px 10px ;
					transition: all 4s linear;
					position: relative;
				}
				.LJC100K_5{
					background: url(./img/haier_LJC100K_6.jpg) center 0 no-repeat;
					width: 90%;
					height: 100%;
					float: top;
					margin-left: 20px;
					box-shadow: 0px 1px 10px rgb(255,20,147);
					transition: all 4s linear;
					position: relative;
				}
			</style>
	</head>
	<body>
		<div id="dowebok">
			<div class="section LJC100K_1"></div>
			<div class="section LJC100K_2"></div>
			<div class="section LJC100K_3"></div>
			<div class="section LJC100K_4"></div>
			<div class="section LJC100K_5"></div>
		</div>	
		
		
		<script type="text/javascript">
			
			$(function(){
				$('#dowebok').fullpage();
				$.fn.fullpage.setAllowScrolling(true);
			});
		
		</script>
	</body>
</html>
